


{% comment %} modal {% endcomment %}
<div
  class="modal fade modal-lg"
  id="needHelpModal"
  tabindex="-1"
  aria-labelledby="needHelpModalLabel"
  aria-hidden="true"
>
  <div class="modal-dialog modal-dialog-scrollable">
    <div class="modal-content p-7 position-relative">
      <span class="position-absolute modal-close cursor-pointer" data-bs-dismiss="modal" aria-label="Close">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <rect width="24" height="24" fill="white" style="mix-blend-mode:multiply"/>
          <path d="M12 1.5C6.15 1.5 1.5 6.15 1.5 12C1.5 17.85 6.15 22.5 12 22.5C17.85 22.5 22.5 17.85 22.5 12C22.5 6.15 17.85 1.5 12 1.5ZM16.05 17.25L12 13.2L7.95 17.25L6.75 16.05L10.8 12L6.75 7.95L7.95 6.75L12 10.8L16.05 6.75L17.25 7.95L13.2 12L17.25 16.05L16.05 17.25Z" fill="black" fill-opacity="0.4"/>
        </svg>
      </span>
      <div class="modal-body">
        {% for block in section.blocks %}
          {% if block.type == 'headline_popup' %}
            <div class="headline fw-bold h3 {% if forloop.last %} mb-0 {% else %} mb-3 {% endif %}">
              {{ block.settings.headline }}
            </div>
          {% endif %}

          {% if block.type == 'des_popup' %}
            <div class="description {% if forloop.last %} mb-0 {% else %} mb-4 {% endif %}">
              {{ block.settings.description }}
            </div>
          {% endif %}

          {% if block.type == 'image_popup' %}
            <div class="w-100 {% if forloop.last %} mb-0 {% else %} mb-4 {% endif %}">
              {% if block.settings.image != blank %}
                <img
                  class="object-fit-cover w-100"
                  src="{{ block.settings.image | img_url: 'master' }}"
                  loading="lazy"
                  alt="{{ block.settings.image.alt | escape }}"
                >
              {% else %}
                <div class="object-fit-cover w-100 h-100">
                  {% assign num = forloop.index | modulo: 5 | plus: 1 %}
                  {% assign placeholder = 'collection-' | append: num %}
                  {{ placeholder | placeholder_svg_tag: 'logo placeholder-svg' }}
                </div>
              {% endif %}
            </div>
          {% endif %}
        {% endfor %}
      </div>
    </div>
  </div>
</div>
